<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>YOHO!BUY 有货-潮流服饰购物网站,时尚潮流购物风向标</title>
    <meta name="description"
        content="【YOHO!BUY有货】，年轻人潮流购物中心，潮流商品购物网站。作为YOHO!旗下的购物平台，汇集了全球潮流时尚商品和国内流行商品，★全场品牌正品保证，支持货到付款★">
    <link rel="icon" href="">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3414943_996nj636no.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/8.1.4/swiper-bundle.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/8.1.4/swiper-bundle.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    <div class="yoho-header">
        <div class="tool">
            <div class="content">
                <div class="list">
                    <span class="icon-hamburger"></span>
                    <a href="www.yohobuy.com">YOHO!BUY 有货</a>
                </div>
                <div class="left">
                    <span class="icon-not"></span>
                    <a href="www.yohobuy.com">关于防诈骗的重要提醒</a>
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <span>Hi~~</span>
                            <a href="./login.html" id="signin-url"></a>
                            <a href="./login.html" onclick="exit()" id="reg-url"></a>
                        </li>
                        <li>
                            <span class="tag-seprate"></span>
                            <a href="javascript:void(0);">MY有货</a>
                            <span class="icon-down"></span>
                        </li>
                        <li>
                            <span class="tag-seprate"></span>
                            <span class="icon-book"></span>
                            <a href="javascript:void(0);">我的订单</a>
                        </li>
                        <li>
                            <span class="tag-seprate"></span>
                            <span class="icon-heart"></span>
                            <a href="javascript:void(0);">我的收藏</a>
                        </li>
                        <li>
                            <span class="tag-seprate"></span>
                            <span class="icon-true"></span>
                            <a href="javascript:void(0);">消息</a>
                        </li>
                        <li>
                            <span class="tag-seprate"></span>
                            <span class="iconfont icon-erji"></span>
                            <a href="javascript:void(0);">客服信息</a>
                        </li>
                        <li>
                            <span class="tag-seprate"></span>
                            <span class="iconfont icon-weixin"></span>
                            <a href="javascript:void(0);">关注有货</a>
                        </li>
                        <li>
                            <span class="tag-seprate"></span>
                            <span class="icon-phone"></span>
                            <a href="javascript:void(0);">手机版</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 头部第二部分搜索和log -->
        <div class="head">
            <div class="content">
                <h1><a href="" title="点击连接"></a></h1>
                <div class="area">
                    <div class="search">
                        <form action="">
                            <input type="text" style="color: #999999;">
                            <a href="" class="search-btn iconfont icon-fangdajingsuosou-xian"></a>
                        </form>
                    </div>
                    <div class="go-cart">
                        <a href="./html/cart.html">
                            <span class="iconfont icon-gouwuche"></span>
                        </a>
                        <div class="mini" style="display: none;">
                            <div class="empty-cart">
                                <h3>您的购物车暂时没有商品</h3>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- 头部第三部分导航 -->
        <div class="nav">
            <div class="content">
                <ul class="nav-list">
                    <li><a href="javascript:void(0);">新品到这</a></li>
                    <li><a href="javascript:void(0);">品牌一览</a></li>
                    <li><a href="javascript:void(0);">服饰</a>
                        <div class="third-nav-wrapper">
                            <div class="center-content">
                                <dl class="category-list">
                                    <dt>
                                        <h3 class=""><a href="//www.yohobuy.com/list/ci5-gd1.html">上装</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci45-gd1.html">T恤</a>
                                    </dd>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci61-gd1.html" class="hot">卫衣</a>
                                    </dd>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci72-gd1.html" class="hot">夹克</a>
                                    </dd>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci56-gd1.html">衬衫</a>
                                    </dd>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci48-gd1.html">POLO</a>
                                    </dd>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci207-gd1.html">防风外套</a>
                                    </dd>
                                    <dt>
                                        <h3 class=""><a href="//www.yohobuy.com/list/ci8-gd1.html">下装</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci90-gd1.html" class="hot">休闲裤</a>
                                    </dd>
                                </dl>
                                <dl class="category-list">
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci92-gd1.html">牛仔裤</a>
                                    </dd>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci98-gd1.html">运动裤</a>
                                    </dd>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci86-gd1.html">短裤</a>
                                    </dd>
                                    <dd>
                                        <a href="//www.yohobuy.com/list/ci8-gd1.html?standard=883_4831">工装裤</a>
                                    </dd>
                                    <dt>
                                        <h3 class=""><a href="//www.yohobuy.com/brands?gender=1,3">热门品牌</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/dickies-1474.html">Dickies</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/levis-1248.html">Levi’s</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/dusty-97.html">DUSTY</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/thething-1330.html">THETHING</a>
                                    </dd>
                                </dl>
                                <dl class="category-list">
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/viishow-1360.html">viishow</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/storebynigo-1306.html" class="hot">STORE
                                            by NIGO®</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/nbastyle-154.html" class="hot">NBA
                                            STYLE</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/oniarai-1058.html" class="hot">鬼洗</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/lee-1694.html">Lee</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/champion-3466.html"
                                            class="hot">CHAMPION</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/baijuan-3578.html">白卷BAIJUAN</a>
                                    </dd>
                                    <dd>
                                        <a href="https://www.yohobuy.com/shop/boylondon-1272.html">BOY LONDON</a>
                                    </dd>
                                </dl>
                                <div class="show-detail show" data-code="9f8af647f35746ba23373d7a66250753">
                                    <a href="http://list.yohobuy.com/?gender=1,3&amp;msort=1,3"><img
                                            src="//img10.static.yhbimg.com/yhb-img01/2019/09/06/15/01b9fb0416a35473b24f8fd2aae06a6ec8.jpg?imageView2/2/w/337/h/250/q/90"></a>
                                    <a class="title"
                                        href="http://list.yohobuy.com/?gender=1,3&amp;msort=1,3">IN季新品全面开售</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><a href="javascript:void(0);">鞋履</a>
                        <div class="third-nav-wrapper">
                            <div class="center-content">
                                <dl class="category-list">
                                    <dt>
                                        <h3 class=""><a href="">鞋履</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="">运动鞋</a>
                                    </dd>
                                    <dd>
                                        <a href="" class="hot">板鞋</a>
                                    </dd>
                                    <dd>
                                        <a href="" class="hot">跑步鞋</a>
                                    </dd>
                                    <dd>
                                        <a href="">篮球鞋</a>
                                    </dd>
                                    <dd>
                                        <a href="">靴子</a>
                                    </dd>
                                    <dt>
                                        <h3 class=""><a href="">热门品牌</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="" class="hot">DC</a>
                                    </dd>
                                    <dd>
                                        <a href="" class="hot">CAT</a>
                                    </dd>
                                </dl>
                                <dl class="category-list">
                                    <dd>
                                        <a href="">STARTER</a>
                                    </dd>
                                    <dd>
                                        <a href="">PRNSOLE</a>
                                    </dd>
                                    <dd>
                                        <a href="">VEJA</a>
                                    </dd>
                                    <dd>
                                        <a href="">TRENDIANO</a>
                                    </dd>
                                    <dd>
                                        <h3 class=""><a href="">Onisuka Tiger</a></h3>
                                    </dd>
                                </dl>
                                <dl class="category-list">

                                </dl>
                                <div class="show-detail show" data-code="">
                                    <a href=""><img
                                            src="https://img11.static.yhbimg.com/yhb-img01/2019/09/06/15/010d8518a8d63176d49126e91801c8c8ab.jpg?imageView2/2/w/337/h/250/q/90"></a>
                                    <a class="title" href="">人气鞋靴</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><a href="javascript:void(0);">包袋</a>
                        <div class="third-nav-wrapper">
                            <div class="center-content">
                                <dl class="category-list">
                                    <dt>
                                        <h3 class=""><a href="">包</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="javascript:void(0);">双肩包</a>
                                    </dd>
                                    <dd>
                                        <a href="javascript:void(0);" class="hot">手拎包/单肩包</a>
                                    </dd>
                                    <dd>
                                        <a href="javascript:void(0);" class="hot">腰包/胸包</a>
                                    </dd>
                                    <dd>
                                        <a href="">钱包/卡包</a>
                                    </dd>
                                    <dd>
                                        <a href="">旅行箱</a>
                                    </dd>
                                    <dt>
                                        <h3 class=""><a href="">热门品牌</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="" class="hot">COMBACK</a>
                                    </dd>
                                    <dd>
                                        <a href="" class="hot">Mandarina Duck</a>
                                    </dd>
                                </dl>
                                <dl class="category-list">
                                    <dd>
                                        <a href="">初试</a>
                                    </dd>
                                    <dd>
                                        <a href="">SPRAYGROUND</a>
                                    </dd>
                                    <dd>
                                        <a href="">Draconite</a>
                                    </dd>
                                    <dd>
                                        <a href="">Herschel Supply</a>
                                    </dd>
                                    <dd>
                                        <a href="">RAWROW</a>
                                    </dd>
                                    <dd>
                                        <a href="">STAYREAL</a>
                                    </dd>
                                    <dd>
                                        <a href="">SubCrew 箱包</a>
                                    </dd>
                                    <dd>
                                        <a href="">the MAD HATcher</a>
                                    </dd>
                                    <dd>
                                        <a href="">BABAMA</a>
                                    </dd>
                                </dl>
                                <dl class="category-list">
                                    <dd>
                                        <a href="">TYAKASHA</a>
                                    </dd>
                                </dl>
                                <div class="show-detail show" data-code="">
                                    <a href=""><img
                                            src="https://img10.static.yhbimg.com/yhb-img01/2019/09/06/15/01a40d82ac6a65d20ef6b7b9b37463ae62.jpg?imageView2/2/w/337/h/250/q/90"></a>
                                    <a class="title" href="">出街必备包袋集合</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><a href="javascript:void(0);">配饰•其他</a>
                        <div class="third-nav-wrapper">
                            <div class="center-content">
                                <dl class="category-list">
                                    <dt>
                                        <h3 class=""><a href="">服饰</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="">帽子</a>
                                    </dd>
                                    <dd>
                                        <a href="" class="hot">袜子</a>
                                    </dd>
                                    <dd>
                                        <a href="" class="hot">手表</a>
                                    </dd>
                                    <dd>
                                        <a href="">腰带</a>
                                    </dd>
                                    <dd>
                                        <a href="">配饰</a>
                                    </dd>
                                    <dt>
                                        <h3 class=""><a href="">首饰</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="" class="hot">项链/吊坠</a>
                                    </dd>
                                    <dd>
                                        <a href="" class="hot">手链</a>
                                    </dd>
                                </dl>
                                <dl class="category-list">
                                    <dd>
                                        <a href="">耳钉</a>
                                    </dd>
                                    <dd>
                                        <a href="">戒指</a>
                                    </dd>
                                    <dt>
                                        <h3 class=""><a href="">热门品牌</a></h3>
                                    </dt>
                                    <dd>
                                        <a href="">MYFUN</a>
                                    </dd>
                                    <dd>
                                        <a href="">New Era</a>
                                    </dd>
                                    <dd>
                                        <a href="">Daniel Wellington</a>
                                    </dd>
                                    <dd>
                                        <a href="">Calvin Klein</a>
                                    </dd>
                                    <dd>
                                        <a href="">BBF</a>
                                    </dd>
                                    <dd>
                                        <a href="">AVI-8</a>
                                    </dd>
                                </dl>
                                <dl class="category-list">
                                    <dd>
                                        <a href="">焕懋手表集合店</a>
                                    </dd>
                                    <dd>
                                        <a href="">G-SHOCK</a>
                                    </dd>
                                    <dd>
                                        <a href="">PINKORANGE</a>
                                    </dd>
                                    <dd>
                                        <a href="">MLB WATCH</a>
                                    </dd>
                                    <dd>
                                        <a href="">oammi</a>
                                    </dd>
                                    <dd>
                                        <a href="">oasso</a>
                                    </dd>
                                </dl>
                                <div class="show-detail show" data-code="">
                                    <a href=""><img
                                            src="https://img10.static.yhbimg.com/yhb-img01/2019/09/06/15/011f68bc9e61585fb7c073ab891a8e0b01.jpg?imageView2/2/w/337/h/250/q/90"></a>
                                    <a class="title" href="">热门小物优选</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><a href="javascript:void(0);">SALE</a></li>
                    <li><a href="javascript:void(0);">证照/协议</a></li>
                </ul>javascript:void(0);
            </div>
        </div>
    </div>
    <main>
        <div class="content">
            <!-- 轮播页面 -->
            <div class="home-page">
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="./image/tag1.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/tag2.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/tag3.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/tag4.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/tag5.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/tag6.jpg" alt=""></div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination-box">
                        <div class="inner"></div>
                        <div class="swiper-pagination"></div>
                    </div>

                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>

                    <!-- 如果需要滚动条 -->
                    <!-- <div class="swiper-scrollbar"></div> -->
                </div>
            </div>


            <!-- 显示返回按键定位 -->
            <div class="right-floating-layer">
                <div class="qrcode">
                    <a href="javascript:void(0);"><span class="iconfont icon-qrcode-1-copy"></span></a>
                </div>
                <div class="layer">
                    <!-- <a href="javascript:void(0);"><span class="iconfont icon-arrow-up"></span></a> -->
                    <a href="#"><span class="iconfont icon-arrow-up"></span></a>
                </div>
            </div>


            <!-- 商品总分类模块 -->
            <div class="singlehot">
                <div class="floor-header">
                    <h3>人气单品</h3>
                </div>
                <ul class="g-list">
                    <li>
                        <a href="">
                            <img src="./image/list1.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./image/list2.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./image/list3.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./image/list4.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./image/list5.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./image/list6.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./image/list7.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./image/list8.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./image/list9.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./image/list10.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="floor-header">
                <h3>优选品牌</h3>
            </div>
            <div class="preference-brand">
                <!-- 小轮播图 -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="./image/swiper1.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/swiper2.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/swiper3.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/swiper4.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/swiper5.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./image/swiper6.jpg" alt=""></div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>

                    <div class="swiper-pagination"></div>
                </div>
                <!-- 合作品牌方数据 -->
                <div class="logo-brand">
                    <ul>
                        <li><a href="javascript:void(0);"><img src="./image/brand1.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand2.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand3.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand4.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand5.jpg" alt=""></a></li>
                        <li class="logo-brand-switch">
                            <a href="javascript:void(0);" class="prev iconfont icon-zuoyoujiantou"></a>
                            <a href="javascript:void(0);" class="next iconfont icon-youjiantou"></a>
                        </li>
                        <li><a href="javascript:void(0);"><img src="./image/brand6.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand7.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand8.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand9.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand10.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand11.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand12.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand13.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand14.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand15.jpg" alt=""></a></li>
                        <li><a href="javascript:void(0);"><img src="./image/brand16.jpg" alt=""></a></li>
                        <li>
                            <a href="http://www.yohobuy.com/brands?gender=1,3" target="_blank">MORE &gt;</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="floor-header">
                <h3>优选品牌</h3>
            </div>
            <!-- 单个商品 -->
            <div class="commodity">
                <!-- <div class="good-info imgopacity">
                    <div class="tag-container"></div>
                    <div class="good-detail-img">
                        <a href="" class="good-thumb">
                            <img src="./image/lazy1.jpg" alt="">
                        </a>
                    </div>
                    <div class="good-detail-text">
                        <a href="//www.yohobuy.com/product/52311546.html" target="_blank">虾闹 日系像素小熊印花纯棉短袖T恤</a>
                        <p class="price">
                            <span class="sale-priceprime-cost">¥139.00</span>
                        </p>
                    </div>
                </div> -->
                </div>
            </div>
        </div>
    </main>

    <!-- 脚部 -->
    <footer>
        <div class="yoho-footer">
            <div class="promise">
                <div class="content">
                    <div class="left">
                        <span class="iconfont icon-zhengpin"></span>
                        <span class="red">100%</span>
                        <span class="rgbf">品牌正品</span>
                    </div>
                    <div class="left">
                        <span class="iconfont icon-wuliu"></span>
                        <span class="red">7天</span>
                        <span class="rgbf">无理由退换货</span>
                    </div>
                    <div class="left">
                        <span class="iconfont icon-24gl-bubblesDots5"></span>
                        <span class="red">便捷</span>
                        <span class="rgbf">在线客服</span>
                    </div>
                </div>
            </div>
            <div class="footer-help">
                <div class="content">
                    <div class="left">
                        <ul>
                            <li class="left">
                                <p><span>新手专区</span></p>
                                <p><a href="//www.yohobuy.com/help/detail?id=168" target="_blank" rel="nofollow">注册登录</a>
                                </p>
                                <p><a href="//www.yohobuy.com/help/detail?id=170" target="_blank" rel="nofollow">购物结算</a>
                                </p>
                                <p><a href="//www.yohobuy.com/help/detail?id=172" target="_blank" rel="nofollow">下单支付</a>
                                </p>
                                <p><a href="//www.yohobuy.com/help/detail?id=174" target="_blank" rel="nofollow">收货评价</a>
                                </p>
                            </li>
                            <li class="left">
                                <p><span>会员中心</span></p>
                                <p><a href="//www.yohobuy.com/help/detail?id=156" target="_blank" rel="nofollow">会员制度</a>
                                </p>
                                <p><a href="//www.yohobuy.com/help/detail?id=158" target="_blank" rel="nofollow">会员优惠</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=160" target="_blank" rel="nofollow">账户管理</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=162" target="_blank" rel="nofollow">密码管理</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>购物指南</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=180" target="_blank" rel="nofollow">发票</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=182" target="_blank" rel="nofollow">尺码对照</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=184" target="_blank" rel="nofollow">尺码解读</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=186" target="_blank" rel="nofollow">商品咨询</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>支付方式</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=192" target="_blank" rel="nofollow">在线支付</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=194" target="_blank" rel="nofollow">货到付款</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=196" target="_blank" rel="nofollow">分期支付</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=198" target="_blank"
                                        rel="nofollow">优惠券、有货币</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>配送方式</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=204" target="_blank" rel="nofollow">配送说明</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=206" target="_blank" rel="nofollow">运费说明</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=208" target="_blank" rel="nofollow">验货签收</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=210" target="_blank" rel="nofollow">收货样品</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>售后服务</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=214" target="_blank" rel="nofollow">退换货政策</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=216" target="_blank" rel="nofollow">退换货流程</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=220" target="_blank" rel="nofollow">投诉与建议</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/service/client" target="_blank" rel="nofollow">在线客服</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>APP常见问题</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=224" target="_blank"
                                        rel="nofollow">IPhone版</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=226" target="_blank"
                                        rel="nofollow">Android版</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=228" target="_blank" rel="nofollow">wap版</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=230" target="_blank" rel="nofollow">IPAD版</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-link">
                <div class="content">
                    <div class="about-us">
                        <div class="left-flag">
                            <a href="" class="govicon"><img src="./image/ebsIcon-new.png" alt=""></a>
                            <a href=""><img src="./image/credit-flag3.png" alt=""></a>
                            <a href=""><img src="./image/isc2.png" alt=""></a>
                        </div>
                        <p class="links">
                            <a href="//www.yohobuy.com" rel="nofollow">返回首页</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/yohobuy.html" rel="nofollow">YOHO!BUY 有货</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/newpower.html" rel="nofollow">新力传媒</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/contact.html" rel="nofollow">联系我们</a>
                            <span>|</span>
                            <a href="//shop.yohobuy.com/settled" rel="nofollow">商家入驻</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/privacy.html" rel="nofollow">隐私条款</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/link.html" rel="nofollow">友情链接</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/brands">潮流品牌大全</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/cate">潮流品类大全</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/cpdq">潮流产品大全</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/news">潮流资讯</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t2">穿衣搭配(男生版)</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/girls-t2">穿衣搭配(女生版)</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t1001">潮流人气</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t4">潮流潮品</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t22">潮流视频</a>
                            <span>|</span>
                            <a class="police" target="_blank" href="https://beian.miit.gov.cn" rel="nofollow">苏公网安备
                                32010502010132号</a>
                            <span>|</span>
                            <a target="_blank" href="http://www.yohobuy.com/help/qualificationInfo"
                                rel="nofollow">出版物经营许可证</a>
                            <span>|</span>
                            <a target="_blank" href="https://www.yohobuy.com/help/detail?id=238"
                                rel="nofollow">苏B2-20120395</a>
                            <span>|</span>
                            <a target="_blank" href="https://www.yohobuy.com/help/detail?id=266" rel="nofollow">食品经营许可证</a>
                        </p>
                    </div>
                    <div class="copyright">
                        CopyRight © 2007-2022 南京新与力文化传播有限公司
                        <a class="rbg6" href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">苏ICP备09011225号</a>
                        NewPower Co. 版权所有 江苏省南京市建邺区嘉陵江东街18号南京国家广告产业园5栋17，18楼 025-87781000
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script>
        var mySwiper = new Swiper('.swiper', {
            // direction: 'vertical', // 垂直切换选项
            loop: true, // 循环模式选项
            effect: 'fade',
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            // 如果需要滚动条
            // scrollbar: {
            //     el: '.swiper-scrollbar',
            // },
            // autoplay: true,
            autoplay: {
                delay: 3000,
                pauseOnMouseEnter: true,
                disableOnInteraction: false,
            },
        })
        var swiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                loop: true,
                slidesPerView: 3,
                slidesPerGroup: 3,
                paginationClickable: true,
                spaceBetween: 30,

                autoplay: {
                    delay: 3000,
                    pauseOnMouseEnter: true,
                    disableOnInteraction: false,
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });   
    </script>

    <script src="./js/index.js"></script>
</body>

</html>